.share {
  position: relative;

  &_img {
    position: relative;
    top: 160rpx;

    &_top {
      @include flex_content;
    }

    &_content {
      width: 242rpx;
      // height: 58rpx;
      background: $background_;
      margin: 0 auto;
      margin-top: 76rpx;
      border-radius: 25rpx 25rpx 10rpx 10rpx;
      @include flex;
      color: #fff;
      font-size: 24rpx;

      &_top {
        margin: 13rpx;
        border: 1rpx solid #fff;
        border-radius: 50%;
      }

      &_title {
        line-height: 64rpx;
      }
    }
  }

  &_top {
    position: absolute;
    width: 100%;
    height: 688rpx;
    background: linear-gradient(180deg, #FFD198 0%, rgba(247, 247, 247, 0) 100%);
    // z-index: -999;
  }

  &_list {
    width: 690rpx;
    height: 277rpx;
    border-radius: 10px;
    margin: 0 auto;
    position: relative;
    //#ifdef MP-WEIXIN

    //#endif
    top: 195rpx;


    &_head {
      background: #fff;
      padding-bottom: 40rpx;
      border-radius: 10px;
    }

    &_title {
      color: #000;
      text-align: center;
      font-size: 32rpx;
      font-weight: bold;
      padding: 30rpx 0;
    }

  }

  &_progress {
    width: 630rpx;
    margin: 0 auto;
  }

  &_shareBtn {
    width: 602rpx;
    background: $background_;
    color: #fff;
    border-radius: 40px;
    margin-top: 40rpx;
    height: 80rpx;
    font-size: 28rpx;
    line-height: 80rpx;
    padding-bottom: 40rpx;
  }

  &_content {
    width: 690rpx;
    background: #fff;
    border-radius: 10px;
    margin-top: 30rpx;

    &_hisory {
      height: 80rpx;
      background: $background_;
      border-radius: 10px 10px 0 0;
      width: 100%;
      text-align: center;
      line-height: 80rpx;
      color: #fff;
      font-weight: bold;
    }
  }

  .tou {
    padding: 30rpx;

    position: relative;

    &_list {
      display: flex;
      justify-content: space-between;
      margin-bottom: 30rpx;
    }

    &_list:nth-last-child(1) {
      margin-bottom: 0;
    }

    &_left {
      display: flex;

      &_title {
        padding-left: 30rpx;
        display: flex;
        font-size: 24rpx;
        color: #919191;
        flex-direction: column;
      }
    }

    &_right {
      margin-top: 20rpx;
    }
  }

  .f28 {
    font-size: 28rpx;
    color: #000;
    display: block;
    margin-bottom: 10rpx;
  }
}

.marginTop {
  margin-top: 30rpx;
}